/* CSS Document */
@charset "utf-8";
@import url(../private/logos/logos.css);

body {font-size: 14px;
    color: #666666;
    margin: 0;
    text-align: left;
    padding: 0;
    background: center 0 repeat;
    font-family: "微软雅黑", Verdana, Geneva, sans-serif;
    background-color: #fff;
}
a {color: #666666;text-decoration: none;}
a:hover {color: #333;text-decoration: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {margin: 0;padding: 0;font-weight: normal;}
em {font-style: normal;}
li {list-style-type: none;}
img {border: none;}
.clr {clear: both;}
.zf0 {height: 0;overflow: hidden;}
.zf1 {height: 1px;overflow: hidden;}
.zf2 {height: 2px;overflow: hidden;}
.zf5 {height: 5px;overflow: hidden;}
.zf6 {height: 6px;overflow: hidden;}
.lineheight22 {line-height: 2.2;}
.zf8 {height: 8px;overflow: hidden;}
.zf10 {height: 10px;overflow: hidden;}
.zf20 {height: 20px;overflow: hidden;}
.zf25 {height: 25px;overflow: hidden;}
.fred {color: #ff0800;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f32 {font-size: 32px;}
.f50 {font-size: 50px;}
.font_cuti {font-family: Arial, Helvetica, sans-serif;}
.fbold {font-weight: bold;}
.hide {display: none;}
.fright {float: right;}
.fleft {float: left;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.visible {overflow: visible;}
.clr {clear: both;}

.wb_top{
    background-color: #F5F5F5;
    border-bottom: solid 1px #E4E4E4;
}
.wb_top_nav{
    float: left;
    font-size: 12px;
}
.wb_top_nav ul li{
    display: inline-block;
    margin: 0 6px;
    line-height: 28px;
}.wb_top_nav ul li a{color: #aaa;}
#wb_top_share{
    float: right;
}

.wb_main {width: 1218px;margin: 0 auto 0 auto;text-align: left;overflow: hidden;}

.wb_down_listbox{
    width: 910px;margin: 0 auto 0 auto;text-align: left;overflow: hidden;
}

.wb_logo{
    margin: 10px 0 0 30px;
    float: left;
}

.wb_logo a{
    display: block;
    width: 135px;
    height: 60px;
    text-indent: -1000px;
    overflow: hidden;
}
#nav_more_list{
    position: absolute;
    background-color: rgba(250,250,250,0.9);
    padding: 8px 16px;
    border-radius: 3px;
    z-index: 1000;
    line-height: 1.8; display: none;
}#nav_more_list a{ color: #666600}
.wb_search_box{
    float: right;
    width: 600px;
    margin: 26px 10px 0 0;
}
.wb_adsearch_t,.wb_adsearch_b{
    display: inline-block;
    border: solid 1px #3BA529;
    border-radius: 3px 0 0 3px;
    font-size: 15px;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;padding: 0 12px;
    overflow: hidden;
}
.wb_adsearch_t{width: 300px;}
.wb_adsearch_b{
    background-color: #3BA529;
    border: solid 1px #3BA529;;
    border-radius: 0 3px 3px 0;
    padding: 0 16px;
    color: #E2F7DF;
    cursor: pointer;
}
input::-webkit-input-placeholder {
    color: #aab2bd;
    font-size: 12px;
}
.wb_nav{
    font-size: 15px;
    background: url("bg.png") no-repeat;
    background-color: #3BA529;
    background-size: cover;
    border-radius: 3px;
}
.wb_nav ul
{
    margin-bottom: 3px;
    padding-left: 20px;
}

.wb_nav ul li{
    display: inline-block;
    margin: 3px 3px;
}
.wb_nav a{
    display: inline-block;
    margin: 3px 3px;
    padding: 6px 6px;
    text-align: center;
    color: #EAF4D5;
    width: 60px;
}

.wb_nav a:hover,.wb_nav li a.thisclass {
    background: rgba(255,255,255,0.2);
}


.wb_h3title1{
    text-align: center;
    font-size: 16px;
    margin: 6px 0;
}
.wb_bztitle1{
    font-weight: bold;
}
.wb_bztitle1:before{
    content: '***** ';
    color: #ccc;
}
.wb_bztitle1:after{
    content: ' *****';
    color: #ccc;
}


.wb_ppic_da{
    height: 250px;
}

.wb_ppic{
    width: 300px;
    float: left;
    margin-bottom: 6px;
    background-color: #fff;
}

.wb_ppic dl{
    margin: 0;
    background-color: #EAF5CD;
}
.wb_ppic dd{padding: 2px;overflow: hidden}

.wb_ppic img{
    width: 100%;transition: all 0.3s;
}.wb_ppic img:hover{transform: scale(1.1);}

.wb_ppic dt{
    line-height: 1.8;
    padding: 0px 8px;
    text-align: right;
}.wb_ppic dt a{color: #3A6402;}



.wb_mgan {
    text-align: center;
}

.wb_mgan a {
    display: inline-block;
    padding: 12px 60px;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    background-color: #66AA07;
    border-radius: 1px;
    color: #fff;
}

.wb_h3title2 {
    border-bottom: solid 1px #D4E9A8;
    position: relative;
    height: 32px;
}

.wb_bztitle2{
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    height: 31px;
    border-bottom: solid 2px #66AA07;;
    display: inline-block;
    padding: 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #7A9F3C;
}



.wb_taglist ul li{
    display: inline-block;
    margin: 6px 12px;
    background-color: #fff;
    border-radius: 60px;
    padding: 3px 10px;
}

.wb_taglist li:nth-child(6n+1) a{font-size: 18px;color: #CC0000;font-weight: bold;}
.wb_taglist li:nth-child(6n+2) a{font-size: 12px;color: #0B7500;}
.wb_taglist li:nth-child(6n+3) a{font-size: 15px;color: #0E2D5F;font-weight: bold;}
.wb_taglist li:nth-child(6n+4) a{font-size: 16px;color: #00CC00;}
.wb_taglist li:nth-child(6n+5) a{font-size: 13px;color: #ff0800;}
.wb_taglist li:nth-child(6n+6) a{font-size: 12px;color: #666600;font-weight: bold;}

.wb_taglist li:nth-child(6n+1) {background-color: #FFD9D9;}
.wb_taglist li:nth-child(6n+2) {background-color: #CCE490}
.wb_taglist li:nth-child(6n+3) {background-color:#C6ECE2 }
.wb_taglist li:nth-child(6n+4) {background-color:#E8F2E3 }
.wb_taglist li:nth-child(6n+5) {background-color: #FFD9D9;}
.wb_taglist li:nth-child(6n+6) {background-color: #e6e6e6}

.wb_flink_tabs{
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid 1px #ddd;
}

.wb_flink_tabin a{
    display: inline-block;
    width: 120px;
    margin: 6px 0;
}
.wb_cpright,.wb_slogan{
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
}


ul.soncats_list{
    margin: 0;
    text-align: center;
    background-color: #FEFEFE;

    border-radius: 2px;
}
ul.soncats_list li{
    display: inline-block;
    margin: 6px 12px;
}
ul.soncats_list li.thisclass{
    background-color: #66AA07;
}ul.soncats_list li.thisclass a{ color: #fff}
ul.soncats_list li a{
    display: inline-block;
    padding: 3px 6px;
    border-radius: 3px;
}



.listpages {
    text-align: center;
    padding-bottom: 8px;
}
.listpages ul li {
    display: inline-block;
    border-radius: 3px;
    border: solid 1px #ccc;
    margin: 3px 3px;
}
.listpages ul li.thisclass {
    color: #fff;
    border: solid 1px #66AA07;
    background-color: #66AA07;
    padding: 8px 15px;
}
.listpages ul li a {
    padding: 8px 15px;
    display: inline-block;
    background-color: #FEFEFE;
    border-radius: 3px;
}
.wb_location{
    margin: 0;margin-top: 6px;
    background-color: #FEFEFE;
    border-radius: 2px;
    line-height: 30px;
    font-size: 12px;
    text-indent: 12px;
}

.wb_show_l{
    float: left;
    width: 908px;
    overflow: hidden;
}
.wb_show_r{
    float: right;
    width: 300px;
    overflow: hidden;
}

h1.wb_pictitle{
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.wb_ans{
    float: right;
}

.wb_ans span{
    background-color: #aaa;
    color: #fff;
    display: inline-block;
    margin: 3px 6px;
    padding: 3px 6px;
    border-radius: 3px;
}.wb_ans span a{color: #fff;}

.wb_showpic_box{
    background-color: #F6FAE9;
}

.wb_showpic_main{
    position: relative;
    overflow: hidden;
    text-align: center;
}

.wb_showpic_main img{
    height: 500px;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}


a.wb_show_prev{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 50%;
    z-index: 100;
    cursor: url("cur_left.cur"),auto;
}

a.wb_show_next{
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 50%;
    z-index: 100;
    cursor: url("cur_right.cur"),auto;
}



.wb_showpic_list{
    width: 560px;
    border: solid 1px #e6e6e6;
    margin: 5px;
    padding: 5px;
    float: left;
}

.wb_showpic_list img{
    width: 100%;
}
.wb_showpic_list a.thisclass{
    border: solid 2px #00CC00;
    padding: 3px;
    display: inline-block;
}
.wb_showpic_list .swiper-pagination-bullet{
    border: solid 2px #fff;
}
.wb_showpic_list .swiper-pagination-bullet-active{
    border: solid 2px rgba(255,255,255,0.6);
}


.wb_showpic_list .swiper-container {
    width: 100%;
}
.wb_showpic_list .swiper-slide {
    text-align: center;
    background: #fff;
}

#wa_scan2mb{
    cursor: pointer;
}

#wa_shoujierweima{
    margin: 10px;
    display: none;
}


.wb_show_sxs{
    width: 136px;
    margin: 7px 11px;
    float: left;
    text-align: center;
    font-size: 12px;
    border-top: solid 1px #e6e6e6;padding-top: 1px;
}
.wb_show_sxs dl{
    border-top: solid 1px #e6e6e6;padding-top: 2px;
}
.wb_show_sxs dd{
    border-top: solid 1px #e6e6e6;padding-top: 3px;
}

.wb_show_sxs img{
    width: 100%;
}.wb_show_sxx{float: right;}
.wb_show_sxs_w5{ margin-left: 22px; margin-right: 19px;}


.wb_tagppic{
    width: 145px;
    float: left;
    margin-bottom: 6px;
    border-radius: 2px;
    background-color: #fff;
}

.wb_tagppic dl{
}

.wb_tagppic img{
    width: 100%;
}

.wb_tagppic dt{
    line-height: 1.8;
    font-size: 12px;
}



.wb_showtaglist{
    text-align: center;
    display: inline-block;font-size: 12px;
}
.wb_showtaglist ul li{
    display: inline-block;
    margin: 3px 3px;
    padding: 3px 6px;
    border: solid 1px #e6e6e6;
    background-color: #fefefe;
    border-radius: 16px;
}



.wb_showtaglist ul li:nth-child(5n+1) {
    background-color: #EFF9FF;
    border-color: #BDD4E5;
    color: #4C79A6;
}

.wb_showtaglist ul li:nth-child(5n+2) {
    background-color: #F4FDE9;
    border-color: #B0CDAC;
    color: #55964A
}

.wb_showtaglist ul li:nth-child(5n+3) {
    background-color: #FFFAEC;
    border-color: #F7AC93;
    color: #CA663C
}

.wb_showtaglist ul li:nth-child(5n+4) {
    background-color: #FAF0FB;
    border-color: #F0B9D9;
    color: #C46AAB
}

.wb_showtaglist ul li:nth-child(5n+5) {
    background-color: #EEEFF9;
    border-color: #C0C5E9;
    color: #65B8C9
}

.wb_contexttitle{
    font-size: 15px;
    font-weight: bold;
    margin: 0px 10px;
}

.wb_context{
    margin: 10px;
    line-height: 1.6;
}
.wb_resolution_list{
    margin: 8px 12px;
    font-size: 12px;
    line-height: 1.6;
    padding-bottom: 12px;
}
.wb_resolution_list dt{
    font-weight: bold;
}
.wb_resolution_list a{
    display: inline-block;
    width: 139px;
}
#pic_cut_submit{ display:none; text-align: center;}
#pic_cut_submit_span,#pic_cut_submit_mobile{
    background-color: #ff0800;
    color: #fff;
    border-radius: 3px;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block;
}
.wb_select_btn{
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #3ca000;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;*/
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding: 3px 6px;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    background-color: #3ca000;
}
.wb_select_btn option{
    padding: 3px 6px;
}




















.wb_an_h {
    background-color: #3ca000;
    padding: 3px 6px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
}.wb_an_h a{color: #fefefe;}




h1.wb_downtitle{
    display: inline-block;
    font-size: 16px;
}


.wb_downpic_main{
    position: relative;
    overflow: hidden;
    background: url("showbig.png") repeat #fff;
}
#down_inner_box{
    position: absolute;
    cursor: move;
}


.info404_l{
    width: 500px;
    display: inline-block;
    height: 300px;
    vertical-align: middle;
    font-size: 200px;
    text-align: center;
    line-height: 300px;
    color: #c8c8c8;
}



.info404_r{
    width: 500px;
    display: inline-block;
    height: 300px;
    vertical-align: middle;
    padding-top: 100px;
}

.topics_bd {
    border: solid 1px #FAF0FB;
    padding: 10px;
}

.mytp_bigpic img{
    width: 100%;
}

.mytp_title {
    color: #FC3170;
    font-size: 22px;
    font-weight: bold;
}

.mytp_info {
    line-height: 1.8;
}


/*公共选项*/